// import { defineConfig } from 'vite'
// import reactRefresh from '@vitejs/plugin-react-refresh'
// import styleImport from 'vite-plugin-style-import'
// import path from 'path'

// // https://vitejs.dev/config/
// export default defineConfig({
//   plugins: [
//     reactRefresh(),
//     styleImport(
//       {
//         libs: [
//           {
//             libraryName: 'zarm',
//             esModule: true,
//             resolveStyle: (name) => {
//               return `zarm/es/${name}/style/css`;
//             }
//           }
//         ]
//       }
//     )
//   ],
//   css: {
//     modules: {
//       localsConvention: 'dashesOnly'
//     },
//     preprocessorOptions: {
//       less: {
//         // 支持内联 JavaScript
//         javascriptEnabled: true,
//       }
//     }
//   },
//   resolve: {
//     alias: {
//       '@': path.resolve(__dirname, 'src'), // src 路径
//       'utils': path.resolve(__dirname, 'src/utils') // src 路径
//     }
//   },
//   server: {
//     proxy: {
//       '/api': {
//         // 当遇到 /api 路径时，将其转换成 target 的值
//         target: 'http://api.chennick.wang',
//         changeOrigin: true,
//         rewrite: path => path.replace(/^\/api/, '') // 将 /api 重写为空
//       }
//     }
//   }
// })

import { defineConfig } from 'vite'
import reactRefresh from '@vitejs/plugin-react-refresh'
import styleImport from 'vite-plugin-style-import'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  // 代理配置，解决跨域
  server: {
    port: 8080,
    host: 'localhost',
    proxy: {
      '/api': {
        // 当遇到 /api 路径时，将其转换成 target 的值
        target: 'https://egg-demo-api.zkkysqs.top/',
        changeOrigin: true,
        rewrite: url => url.replace(/^\/api/, '')
      }
    }
  },
  // 设置别名
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
      'utils': path.resolve(__dirname, 'src/utils')
    }
  },
  plugins: [
    reactRefresh(),
    styleImport({
      libs: [
        {
          libraryName: 'zarm',
          esModule: true,
          resolveStyle: name => {
            return `zarm/es/${name}/style/css`
          }
        }
      ]
    })
  ],
  css: {
    modules: {
      localsConvention: 'dashesOnly'
    },
    preprocessorOptions: {
      less: {
        // 支持内联 JavaScript
        javascriptEnabled: true,
      }
    }
  }

})